<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>舆情监测</title>
    <link rel="icon" type="image/x-icon" href="../../images/logo.png">
    <!-- 下拉框 -->
    <link rel="stylesheet" href="../../plugin/M_select/js/M_select/M_select.css">
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/lyrical.css">
</head>

<body>
    <div class="box">
        <!-- 头部 -->
        <div class="header-box">
                <img src="../../images/headeBg.png" alt="">
                <div class="weather-box">
                    <span>郑州 小雨转多云 32/16℃</span>
                </div>
                <h1 class="header-title"><img src="../../images/header.png" alt=""></h1>
                <div class="header-action">
                    <span class="action-time"></span>
                    <a href="javascript:;">管理中心</a>
                    <a href="javascript:;">退出</a>
                </div>
            </div>
        <div class="main-box">
            <!-- 侧边导航 -->
            <ul class="aside-box">
                <li>
                    <a href="../home.html">
                        <span>
                            <img class="aside-img" src="../../images/home.png" alt="">
                            <img class="aside-imgA " src="../../images/homeA.png" alt="">
                            首页
                        </span>
                    </a>
                </li>
                <li class="active">
                    <a href="./development.html">
                        <span>
                            <img class="aside-img" src="../../images/huanjing.png" alt="">
                            <img class="aside-imgA" src="../../images/huanjingA.png" alt="">
                            产业发展环境
                        </span>
                    </a>
                </li>
                <li>
                    <a href="../basic/basic.html">
                        <span>
                            <img class="aside-img" src="../../images/yaosu.png" alt="">
                            <img class="aside-imgA" src="../../images/yaosuA.png" alt="">
                            产业基础要素
                        </span>
                    </a>
                </li>
                <li>
                    <a href="../passengerFlow/destination.html">
                        <span>
                            <img class="aside-img" src="../../images/keliu.png" alt="">
                            <img class="aside-imgA" src="../../images/keliuA.png" alt="">
                            旅游客流监测
                        </span>
                    </a>
                </li>
                <li>
                    <a href="../productTesting/index.html">
                        <span>
                            <img class="aside-img" src="../../images/chanpin.png" alt="">
                            <img class="aside-imgA" src="../../images/chanpinA.png" alt="">
                            旅游产品监测
                        </span>
                    </a>
                </li>
                <li>
                    <a href="../enterprise/scenicMonitor.html">
                        <span>
                            <img class="aside-img" src="../../images/qiye.png" alt="">
                            <img class="aside-imgA" src="../../images/qiyeA.png" alt="">
                            旅游企业监测
                        </span>
                    </a>
                </li>
                <li>
                    <a href="../tourismProject/index.html">
                        <span>
                            <img class="aside-img" src="../../images/xiangmu.png" alt="">
                            <img class="aside-imgA" src="../../images/xiangmuA.png" alt="">
                            旅游项目监测
                        </span>
                    </a>
                </li>
                <li>
                    <a href="../brand/brand.html">
                        <span>
                            <img class="aside-img" src="../../images/pinpai.png" alt="">
                            <img class="aside-imgA" src="../../images/pinpaiA.png" alt="">
                            旅游品牌监测
                        </span>
                    </a>
                </li>
            </ul>
            <!-- 主题内容 -->
            <div class="content-box">
                <div class="content-nav-box">
                    <a href="development.html">发展环境监测 </a>
                    <a href="weather.html"> 环境气象监测</a>
                    <a href="traffic.html">交通监测</a>
                    <a class="active" href="#">舆情监测</a>
                </div>
                <div class="flex-between">
                    <div class="left-box">
                        <div class="left-main">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    信息搜索
                                </h3>
                            </div>
                            <div class="select-city">

                                <div class="city-box" data-toggle="distpicker" id="distpicker3">
                                    <select></select>
                                    <select></select>
                                </div>
                                <div class="input-box">
                                    <input type="text" placeholder="输入关键字">
                                    <button><img src="../../images/search.png" alt="搜索"></button>
                                </div>
                            </div>
                            <div class="list-box">
                                <div class="title-list">
                                    <ul>
                                        <li class="active">正面信息</li>
                                        <li>负面信息(12)</li>
                                        <li>预警信息(0)</li>
                                    </ul>
                                    <button>列表</button>
                                </div>
                                <div class="scrollbar content-list">
                                    <ul>
                                        <li class="active">
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                        </li>
                                        <li>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>百家号</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                        </li>
                                        <li>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>微信</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                            <div>
                                                <span>出租车行业为什么“涛声依旧”</span>
                                                <p>
                                                    <i>10-15 12:20</i>
                                                    <i>新浪微博</i>
                                                    <i>转发数:696</i>
                                                </p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="key-box">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    热门关键字
                                </h3>
                            </div>
                            <div id="key"></div>
                        </div>
                    </div>
                    <div class="center-box">
                        <div class="date-title">
                            <b>实时数据 <div class="numberStyle">2017</div></b>
                          <b>负面数据 <div class="numberStyle">0235</div></b>
                        </div>
                        <div id="map"></div>
                        <div class="trend-box">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    舆情趋势
                                </h3>
                            </div>
                            <div id="trend"></div>
                        </div>
                    </div>
                    <div class="right-box">
                        <div class="channel-box">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    传播渠道占比
                                </h3>
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    正负面对比
                                </h3>
                            </div>
                            <div id="communication" class="echart-box">
                            </div>
                        </div>
                        <div class="source-box">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    来源统计
                                </h3>
                            </div>
                            <div class="echart-box" id="source"></div>
                        </div>
                        <div class="hot-box">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    热点网民
                                </h3>
                            </div>
                            <div class="hot-details">
                                <ul class="title-list">
                                    <li class="active">全部</li>
                                    <li>微博</li>
                                    <li>论坛</li>
                                    <li>博客</li>
                                </ul>
                                <ul class="content-list">
                                    <li class="active">
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/0.jpg"></i>
                                                <p>
                                                    <span>依然涛声依旧</span>
                                                    <i>发帖数:112</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/1.jpg"></i>
                                                <p>
                                                    <span>罗罗诺亚</span>
                                                    <i>发帖数:72</i>
                                                </p>
                                            </div>
                                        </div>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/2.jpg"></i>
                                                <p>
                                                    <span>纳尼</span>
                                                    <i>发帖数:72</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/4.jpg"></i>
                                                <p>
                                                    <span>罗</span>
                                                    <i>发帖数:22</i>
                                                </p>
                                            </div>
                                        </div>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/3.jpg"></i>
                                                <p>
                                                    <span>依然</span>
                                                    <i>发帖数:22</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/5.jpg"></i>
                                                <p>
                                                    <span>亚州</span>
                                                    <i>发帖数:152</i>
                                                </p>
                                            </div>
                                        </div>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/6.jpg"></i>
                                                <p>
                                                    <span>涛</span>
                                                    <i>发帖数:102</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/7.jpg"></i>
                                                <p>
                                                    <span>诺亚</span>
                                                    <i>发帖数:1</i>
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/2.jpg"></i>
                                                <p>
                                                    <span>纳尼</span>
                                                    <i>发帖数:72</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/4.jpg"></i>
                                                <p>
                                                    <span>罗</span>
                                                    <i>发帖数:22</i>
                                                </p>
                                            </div>
                                        </div>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/3.jpg"></i>
                                                <p>
                                                    <span>依然</span>
                                                    <i>发帖数:22</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/5.jpg"></i>
                                                <p>
                                                    <span>亚州</span>
                                                    <i>发帖数:152</i>
                                                </p>
                                            </div>
                                        </div>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/0.jpg"></i>
                                                <p>
                                                    <span>依然涛声依旧</span>
                                                    <i>发帖数:112</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/1.jpg"></i>
                                                <p>
                                                    <span>罗罗诺亚</span>
                                                    <i>发帖数:72</i>
                                                </p>
                                            </div>
                                        </div>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/6.jpg"></i>
                                                <p>
                                                    <span>涛</span>
                                                    <i>发帖数:102</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/7.jpg"></i>
                                                <p>
                                                    <span>诺亚</span>
                                                    <i>发帖数:1</i>
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/2.jpg"></i>
                                                <p>
                                                    <span>纳尼</span>
                                                    <i>发帖数:72</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/4.jpg"></i>
                                                <p>
                                                    <span>罗</span>
                                                    <i>发帖数:22</i>
                                                </p>
                                            </div>
                                        </div>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/0.jpg"></i>
                                                <p>
                                                    <span>依然涛声依旧</span>
                                                    <i>发帖数:112</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/1.jpg"></i>
                                                <p>
                                                    <span>罗罗诺亚</span>
                                                    <i>发帖数:72</i>
                                                </p>
                                            </div>
                                        </div>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/3.jpg"></i>
                                                <p>
                                                    <span>依然</span>
                                                    <i>发帖数:22</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/5.jpg"></i>
                                                <p>
                                                    <span>亚州</span>
                                                    <i>发帖数:152</i>
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/3.jpg"></i>
                                                <p>
                                                    <span>依然</span>
                                                    <i>发帖数:22</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/5.jpg"></i>
                                                <p>
                                                    <span>亚州</span>
                                                    <i>发帖数:152</i>
                                                </p>
                                            </div>
                                        </div>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/2.jpg"></i>
                                                <p>
                                                    <span>纳尼</span>
                                                    <i>发帖数:72</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/4.jpg"></i>
                                                <p>
                                                    <span>罗</span>
                                                    <i>发帖数:22</i>
                                                </p>
                                            </div>
                                        </div>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/0.jpg"></i>
                                                <p>
                                                    <span>依然涛声依旧</span>
                                                    <i>发帖数:112</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/1.jpg"></i>
                                                <p>
                                                    <span>时光永不停歇</span>
                                                    <i>发帖数:72</i>
                                                </p>
                                            </div>
                                        </div>
                                        <div>
                                            <div>
                                                <i><img src="../../temporary/6.jpg"></i>
                                                <p>
                                                    <span>涛</span>
                                                    <i>发帖数:102</i>
                                                </p>
                                            </div>
                                            <div>
                                                <i><img src="../../temporary/7.jpg"></i>
                                                <p>
                                                    <span>诺亚</span>
                                                    <i>发帖数:1</i>
                                                </p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../../plugin/jquery-1.11.1.min.js"></script>
<script src="../../plugin/M_select/js/M_select/M_select.js"></script>
<script src="../../plugin/ECharts/echarts.js"></script>
<script src="../../plugin/ECharts/china.js"></script>
<script src="../../js/common.js"></script>
<script src="../../plugin/ECharts/echarts-wordcloud.min.js"></script>
<!-- 省市 -->
<script src="../../plugin/jQueryProvinces/distpicker.data.js"></script>
<script src="../../plugin/jQueryProvinces/distpicker.js"></script>
<script src="../../plugin/jQueryProvinces/main.js"></script>
<script src="../../js/jquery.leoTextAnimate.js"></script>
<script src="../../js/lyrical.js"></script>
<script>
    $(function () {
        // 对所有下拉款进行初始化

        $(".select01").M_select({
            // 手动添加下拉款图片（以html页面为起始位置写路径）
            "Img": "../../plugin/M_select/js/M_select/up4.png",
            "Img2": "../../plugin/M_select/js/M_select/down4.png",
            "radius": "4px",
            "Title": "选择城市",
            "inputName": "selected_value",
            // 默认选中的值（参数值写需要选中的select的value值）
            "selected": "03",
            Succee: function () {
                site = $('#selectCity').val()
                console.log(site)
            }
        });

        $("#distpicker3").distpicker({
            province: "浙江省",
            city: "杭州市",
        });
      <!-- 数字 -->
      $('.numberStyle').leoTextAnimate({
        delay: 1000, //延时出现时间
        autorun: true, //是否自动运行
        fixed: [',', ':', '.'], //
        start: '0'
      });
    });
</script>

</html>
